.index_main{
	width: 100%;
	overflow: hidden;
	position: relative;

	//搜索框
	.index_search{
	    width: 100%;
	    height: 53px;
	    box-sizing: border-box;
	    padding: 0 25rpx 0 10rpx;
	    position: fixed;
	    top: 0px;
	    z-index: 99;//让搜索框图层级最高
	    align-items: center;
	    background: #fff;
	    border-bottom: 1px solid #eee;
	    display:flex;
	    .icon{
	    	width:50px;
	    	height:50px;
	    	img{
	    		width:100%;
	    		height:100%;
	    	}
	    }
	    .search{
	    	position: absolute;
	        // top: 26rpx;
	        left: 60px;
	        width:300px;
	    	input{
		    	border:1px solid #fff;
		    	background-color:#eee;
		        width: 100%;
		    	height:40px;
		        box-sizing: border-box;
		        padding-left: 40rpx;
		        border-radius:10px;
	    	}
	    	.search_icon{
		        position: absolute;
		        top: 26rpx;
		        left: 16rpx;
		        background: url('http://r.photo.store.qq.com/psc?/V13kx5iq3fGNrB/h4SLI6MeeCc7mRdKk01ust9g4v2yPlJX.MxWF3mVRS6bG2SYhCTFTf2Fty*WVJSdoy.73VvVQuL2lFHtl*n3JdcFcPcQ2M0J.MAbRcU3kfU!/r') center no-repeat;
		        // background: url('../../../static/images/search.png') center no-repeat;
		        background-size: 100%;
		        width: 30rpx;
		        height: 30rpx;
		        margin-right: 10rpx;
	    	}
		}	    
   	}

   	//轮播卡片样式
  	.swiper{
  		width:100%;
	    height: 170px;
	    margin-top: 53px;	  
	    // border-radius:0px 0px 25px 25px;	     
		// overflow:hidden;  //解决变直角的问题
	    .swiper_content{
	      	width: 100%;
	      	height: 100%;
	      	.swiper_item{
	        	width: 100%;
		        height: 100%;		        
		        .slide_image{
		          	width: 100%;
		          	height:100%;
		        }
		    }
   	 	}
  	}

	//nav样式
	.headNav{
		margin:0 0 20px 0 ;
		display: flex;
	    padding: 20rpx 0;
	    background-color: #fff;
	    box-shadow: 2px 2px 4px 4px #ddd;
		.nav_item{
			border-left: 1px solid #eee;
		    flex: 1;
		    text-align: center;
			img{
				height: 58rpx;
		        width: 58rpx;
		        display: inline-block;	        
			}
		}
	}

	//新品首发
	.newgoodNav{
    	border-right: 3px solid #ffb6c1;
    	border-left:3px solid #ffb6c1;
    	border-bottom:3px solid #ffb6c1;
    	.newgoods_top{
      		margin-top: 20rpx;
      		height:90px;
      		width: 100%;
      		background:#ffb6c1;
      		text-align: center;
      		display: flex;
      		justify-content: center;
     		align-items: center;
     		.top{  	 	
	        	p{
	          		font-size:25px;
      				font-weight:bold;
	        	}
	        	p:nth-child(2) {
	          		width: 180rpx;
	          		height: 60rpx;
	          		line-height: 60rpx;
	          		margin: 10rpx auto 0 auto;
	          		font-size: 30rpx;
	          		border: 2px solid black;
	          		color:black;
	        	}	
      		}	
    	}
    	.list{
      		background-color: #fdedec;
      		// background-color: #f8f9f9;
	      	ul{
	        	.scroll-view{
	        	width: 100%;
	          	white-space: nowrap;
	         	 	li{
			            width: 280rpx;
			            height: 416rpx;
			            margin: 10px 10px 10px 10px;
			            display: inline-block;	
			            background-color: #fff;	
			            border-radius:25px;          
		            	img{
		              		width: 280rpx;
		              		height: 280rpx;
		           	 	}
		            	p{
		              		width: 94%;
		              		overflow: hidden;
		              		white-space: nowrap;
		              		text-overflow: ellipsis;
		              		margin-top: 8rpx;
		              		text-indent: 1em;
		            	}
		            	p:nth-child(2) {
		              		font-size: 30rpx;
		              		font-weight: bold;
		            	}
		            	p:nth-child(3) {
		              		font-size: 24rpx;
		              		color: #7b7d7d;
		            	}
		            	p:nth-child(4) {
		              		font-size: 28rpx;
		              		color: #9c3232;
		            	}
		          	}
	        	}
	      	}
    	}
	}

	//人气推荐
	.hotgoodsNav{
		border-right: 2px solid #dc143c;
    	border-left:2px solid #dc143c;
    	border-bottom:2px solid #dc143c;
		.hot_top{			
			margin-top: 20rpx;
      		height:90px;
      		width: 100%;
      		background:#dc143c;
      		text-align: center;
      		display: flex;
      		justify-content: center;
     		align-items: center;  		
      		.top{
      			p{
      				color:#fff;
	      			font-size:25px;
	      			font-weight:bold;
	      		}
	      		p:nth-child(2) {
	          		width: 180rpx;
	          		height: 60rpx;
	          		line-height: 60rpx;
	          		margin: 10rpx auto 0 auto;
	          		font-size: 30rpx;
	          		border:2px solid #fff;
	          		color:#fff;
	        	}
      		}	
		}
		.list{
			.item {
				border-top:1px solid #eee;
				display:flex;
		      	img {
			        width: 200rpx;
			        height: 200rpx;
			        margin: 10px 10px 10px 10px; //上右下左
			        background:#f8f9f9;
			    }
			    div{
			    	flex:1;
			    	margin: 10px 10px 10px 0px;
			    	.name {
				        font-size: 22px;
				        margin-bottom:6px;				        
				    }
				    .brief{
				    	font-size: 30rpx;
				    	color:#7b7d7d;
				    }
				    .price {
				        font-size: 35rpx;
				        color: #dc143c;
				        font-weight:bold;
				    }
			    }		 	    
	  		}
		}
	}
}